<template>
	<view class="tai-card"
		:style="{'margin': margin, 'padding': padding, 'border-radius': radius, 'box-shadow': shadow ? '0 2px 6px #ccc' : 'unset'}">
		<view class="">
			<slot></slot>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'TaiCard',
		props: {
			margin: {
				type: String,
				default: '0'
			},
			padding: {
				type: String,
				default: '32rpx 40rpx'
			},
			radius: {
				type: String,
				default: '20rpx'
			},
			shadow: {
				type: Boolean,
				default: true
			},
		},
		data() {
			return {}
		},
	}
</script>

<style lang="scss" scoped>
	.tai-card {
		// padding: 32rpx 40rpx;
		// border-radius: 20rpx;
		background-color: #FFF;
		box-shadow: 0 2px 6px #ccc;
	}
</style>
